<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <meta name="referrer" content="no-referrer" />
    <title>征集令收集</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
  </head>
  <body>
    <div class="page-container">
      <div class="page-content">
        <img src="./images/1-1.png" class="img1-1" />
        <img src="./images/1-2.png" class="img1-2" />
        <div class="panel-container">
          <div class="title">~期待您的参与~</div>
          <div class="form">
            <form action="xxx.php" method="get">
              <div class="form-item">
                <input
                  type="text"
                  name="name"
                  placeholder="请输入您的姓名"
                /><br />
              </div>
              <div class="form-item">
                <input
                  type="text"
                  name="phone"
                  placeholder="请输入您的手机号码"
                /><br />
              </div>
              <div class="form-item">
                <input
                  type="text"
                  name="company"
                  placeholder="请输入公司名称"
                /><br />
              </div>
              <div class="desc">稍后会有专属客户联系您，感谢您的等待~</div>
              <input type="submit" value="提 交" class="button" />
            </form>
          </div>
        </div>
        <!-- suiper -->
        <div class="swiper-container">
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  六安市成荣<br />物资回收公司1
                </a>
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司2</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  六安市成荣<br />物资回收公司3
                </a>
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司4</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  六安市成荣<br />物资回收公司5
                </a>
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司6</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  六安市成荣<br />物资回收公司7
                </a>
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司8</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司9</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司10</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司11</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司12</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司13</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司14</a
                >
              </div>
              <div class="swiper-slide">
                <a href="http://www.baidu.com" target="_blank">
                  故城县贵利<br />金属贸易有限公司15</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      冀公网安备 13010202001502号 增值电信业务经营许可证 冀ICP证B2-20140159
      冀ICP备11010607号-1 法律顾问：王亚琼律师
      <br />Copyright©2004-2020 Feijiu.net Inc.All Rights Reserved. Feijiu网
      版权所有
    </footer>

    <!-- 弹窗 -->
    <div class="popup-container hidden">
      <div class="popup-content">
        <div class="popup-text-title">提交成功</div>
        <div class="popup-text-content">
          您已经提交成功，感谢您的参与，请保持您的电话畅通，我们将会有专属客服联系您！
        </div>
        <div class="popup-button">确定</div>
      </div>
    </div>

    <!-- Swiper JS -->
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper(".mySwiper", {
        loop: true,
        slidesPerView: 5.8,
        spaceBetween: 10,
        speed: 2500,
        autoplay: {
          delay: 0,
          disableOnInteraction: false,
          // pauseOnMouseEnter: true,
        },
      });
      function resize() {
        const pageH = 767;
        const winW = $(window).height() - 60 - 32 - 10;
        let rate = (winW / pageH).toFixed(2);
        console.log(winW, rate);
        if (rate > 1) {
          rate = 1;
        }
        $(".page-content").css("transform", `scale(${rate})`);
      }
      resize();

      window.addEventListener("resize", resize);
    </script>
  </body>
</html>
